<template>
<div :class="wrapClass">
  <div class="item-title">
    <div class="item-title-left">
      <i :class="iconClass" class="icon-style" />
      <span>{{title}}</span>
    </div>
    <div class="item-title-right">
      <slot name="titleRight" />
    </div>
  </div>
  <slot name="echarts"></slot>
</div>
</template>

<script>
export default {
  name: 'chartWrap',
  props: {
    wrapClass: {
      type: String,
      default: ''
    },
    iconClass: {
      type: String,
      default: ''
    },
    title: {
      String: '',
      default: ''
    }
  }
}
</script>
